<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	window.onload = function(){
		var btn = document.getElementById('btn');
		var title = document.getElementById('title');

		btn.onclick = function(){
			// var con = title.innerHTML;//获得元素的内容
			// alert(con);
			// title.innerHTML = '我是新的内容！';

			// 兼容解决方案一：
			// if(document.all){
			// 	var con = title.innerText;
			// }else{
			// 	var con = title.textContent;
			// }
			
			// 方案二：短路
			var con = title.innerText || title.textContent;

			alert(con);
		}
	}
</script>
</head>

<body>
<input type="button" value="点我啊！" id="btn" />
<br /><br />
<h1 id="title">后盾网 <span>人人</span>做后盾</h1>



</body>
</html>
